<template>
     <div class="realestate">
        <header class="header"> <span @click="goBack"> ＜ </span><span>楼市圈</span><span></span></header>
        <div class="box_list">
            <div v-for="item in list" :key='item.id' class="list_head">
                <div class="head_top">
                    <img :src="item.portrait" alt="" class="por_img">
                    <div class="pro_divs">
                        <p>{{item.name}}</p>
                        <p>{{item.belong}}</p>
                    </div>
                    <button class="pro_button">在线咨询</button>
                    <button class="pro_button">拨打电话</button>
                </div>
                <div class="head_foot">
                    <div class="for_left">
                        <p class="left_p1">{{item.month}}</p>
                        <p class="left_p2">{{item.data}}</p>
                    </div>
                    <div class="for_right">
                        <p>{{item.title}}</p>
                        <div class="divs_right">
                            <img v-for="(el,le) in item.img" :key="le" :src="el.img" alt="" 
                            :class="item.img.length==1 ? 'imgs1' : item.img.length==2 ? 'imgs2' :'imgs3'  ">
                        </div>
                        <span class="divs_span"></span>
                    </div>
                </div>
            </div>
        </div>
    </div>
</template>

<script>    

import './index.scss'

export default {
    name: 'Realestate',

    data() {
        return {
            list:[
                {
                    "portrait":"https://img2.baidu.com/it/u=1205915504,3217808836&fm=26&fmt=auto&gp=0.jpg",
                    "name":"中南-小小邢",
                    "belong":"中南·紫云集",
                    "month":"4月",
                    "data":"04-28",
                    "id":"1001",
                    "title":"预计明天开盘了啦啦啦······",
                    img:[
                        {"img":"https://beijing.nhcbs.bacic5i5j.com/filesvr-web/JQeryUpload/file/ad7e351a4a984da180f87cd38edb5b41/218_169_t.jpg"}
                    ]
                },{
                    "portrait":"https://img0.baidu.com/it/u=3602122702,2276059953&fm=26&fmt=auto&gp=0.jpg",
                    "name":"建发曹颖",
                    "belong":"建发·文翰府",
                    "month":"4月",
                    "data":"04-29",
                    "id":"1002",
                    "title":"城央大宅",
                    img:[
                        {"img":"https://image26.5i5j.com/nhcbs/image/jpeg/2021/06/18/b21022e30b9d4869b7a6f54c408842d9.jpg.218x169.jpg",},
                        {"img":"https://image26.5i5j.com/nhcbs/image/jpeg/2021/06/18/1b5f4bf7b1cb49da9b4f9b0757d8a2fd.jpg.218x169.jpg",},
                        {"img":"https://image26.5i5j.com/nhcbs/image/jpeg/2021/06/18/88beaf81158147d994579319cd7e577b.jpg.218x169.jpg"}
                    ]
                },{
                    "portrait":"https://img0.baidu.com/it/u=3602122702,2276059953&fm=26&fmt=auto&gp=0.jpg",
                    "name":"万达姜明亮",
                    "belong":"万达·万达广场",
                    "month":"4月",
                    "data":"04-30",
                    "id":"1003",
                    "title":"朝阳区万达广场",
                    img:[
                        {"img":"http://image.wanda.cn/uploadfile/2021/0429/20210429021311509.jpg"},
                        {"img":"http://image.wanda.cn/uploadfile/2019/0304/20190304123643359.jpg"},
                    ]
                }
            ]
        };
    },

    mounted() {
        
    },

    methods: {
        goBack:function(){
            wx.switchTab({
                url:'/pages/home/index'
            })
        },
    },
};
</script>

<style lang="scss" scoped>

</style>